<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

<title>Dropdown Buttons Widget Test</title>

<script type="text/javascript"> var djConfig = {isDebug: true}; </script>
<script type="text/javascript" src="../../dojo.js"></script>
<script type="text/javascript">
	dojo.require("dojo.widget.DropdownButtons");
</script>

<style type="text/css">
	body { font-family : sans-serif; }
</style>

<p>The "buttons" are just a nsted unordered list. Note that the nested lists (the dropdowns) will be removed from
the list and put into the body, adding dopdownButtonsMenu to their className. This allows them to show up on top
of other page elements.</p>

<p>This paragraph preceeds the list!</p>

<ul dojoType="dropdownbuttons">
	<li><a href="#edit">Reply</a>
		<ul>
			<li><a href="#1">Reply All</a></li>
			<li><a href="#2">Forward</a></li>
		</ul>
	</li>
	<li><a href="#send">Mark</a>
		<ul>
			<li><a href="#2">As Read</a></li>
			<li><a href="#3">As Unread</a></li>
			<li><a href="#4">Important</a></li>
		</ul>
	</li>
	<li><a href="#">Nothing here</a></li>
	<li><a href="#menu">Short</a>
		<ul>
			<li><a href="#1">Something really, really long!</a></li>
			<li><a href="#2">You think that's long? I can do much better.</a></li>
			<li><a href="#3">Short again</a></li>
		</ul>
	</li>
	<li><a class="disabled">Don't click me!</a>
		<ul>
			<li><a href="#1">But what about the children?</a></li>
		</ul>
	</li>
</ul>

<p>This paragraph comes later.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce placerat luctus eros. Morbi est augue, porta ut, feugiat nec, aliquam et, neque. Vestibulum eu ipsum nec justo tristique vehicula. Curabitur iaculis imperdiet augue. Vestibulum placerat orci et dui. Morbi cursus suscipit magna. Ut eget arcu. Mauris vehicula.
<p>Nulla sit amet dui. Cras pretium, ipsum vitae posuere semper, dolor enim tempor quam, ut facilisis lorem urna ut massa. Nullam urna est, bibendum nec, suscipit quis, auctor in, lorem. Aliquam justo lectus, gravida vitae, pretium sit amet, placerat in, augue.
